<template>
	<div id="app" class="notice">
		<div id="body" style="text-align: center;border: 1px solid black;width: 500px;height: 300px;position: absolute;margin-left: 25%;margin-top: 60px;background-color: #E1E2E2;">
		<el-collapse v-model="activeNames" @change="handleChange" >
			<el-collapse-item title="收货地址1" name="1">
				<div>收货人：<input type="text" name="personname" value=""></div>
				<div>电话：<input type="text" name="phone" value=""></div>
				<div>地址：<input type="text" name="address" value=""></div>
			</el-collapse-item>
			<el-collapse-item title="收货地址2" name="2" >
				<div>收货人：<input type="text" name="personname" value=""></div>
				<div>电话：<input type="text" name="phone" value=""></div>
				<div>地址：<input type="text" name="address" value=""></div>
			</el-collapse-item>
		</el-collapse>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'app',
		data() {
			return {
				activeNames: ['1']
			};
		},
		methods: {
			handleChange(val) {
				console.log(val);
			}
		}
	}
</script>

<style>
</style>
